<template>
    <tabbar v-show="settings.isShow"
            icon-class="vux-center"
            slot="bottom"
            v-model="index">
        <tabbar-item link="/" :selected="$route.path === '/'">
            <span class="iconfont icon-home" slot="icon"></span>
            <span slot="label">首页</span>
        </tabbar-item>
        <tabbar-item link="/my" :selected="$route.path === '/my'">
            <span class="iconfont icon-wode" slot="icon"></span>
            <span slot="label">我的</span>
        </tabbar-item>
    </tabbar>
</template>
<script>
    import {Tabbar, TabbarItem} from 'vux'
    import {mapState} from 'vuex'

    export default {
        data(){
            return {
                index:0
            }
        },
        components: {
            Tabbar,
            TabbarItem
        },

        props: {
            settings: {
                type: Object,
                require: true
            }
        },

        computed: {
            ...mapState({

            }),
        }
    }
</script>
<style lang="less">
</style>
